<!doctype html>
<html>
<head>
<#assign title = show.title>
<title>View to Download the Hottest YouTube Videos ${title} for Free | WonTube.com</title>
<#include "/include/meta.html">
<meta name="description" content="Download YouTube videos ${title} for free from WonTube."/>
<meta name="keywords" content="download youtube videos  free youtube downloader, hottest youtube videos, featured youtube videos"/>
<#include "/include/css.html">
</head>
<body>

<#include "/macro/utils.ftl">
<#include "/i18n/include/header.ftl">
<#include "/i18n/featured/featured_side.ftl">
<#assign fblikeUrl = "http://www.wontube.com/featured/youtube/watch-" + show.id>
<input type="hidden" id="id" value="${show.id}"/>
<input type="hidden" id="title" value="${title}" />
<input type="hidden" id="itemUrl" value="${show.itemUrl}" />
<#assign category=servletPath?split('/')[2]>
<input type="hidden" id="category" value="${category}" />
<div id="main">
	<div id="m_info_column">
    	<div class="m_view_column">
        	<a href="javascript:window.history.back()" class="btn_back" title="Back">Back</a>
        	<h2 class="movies_name"><img height="30"  src="${show.thumbnail}">${title}</h2>
        	<div class="btn_box">
        		<div class="fb_like"><#include "/macro/fblike.ftl"><@fblike fblikeUrl /></div>
        		<a href="javascript:;" itemUrl="${show.itemUrl!''}"  website="${show.website}" itemTitle="${title}" id="download_btn" class="btn_down2 download_btn"  >Download</a>
        	</div>
        </div>
    </div>
    <div id="view_cont"> 
    	<span class="mp_top"></span>  
		<div id="main_play">
	    	<div class="mp_box">  <iframe id="ytplayer" type="text/html" width="980" height="390"
				src="http://www.youtube.com/embed/${show.videoId}?autoplay=1&wmode=transparent"
				frameborder="0" ></iframe>
			</div>
	    </div>
    	<div id="view_other">
	    	<div class="m_column">
				<h3 class="m_title"><a href="${contextPath}/world/featured/youtube/">Popular <span>YOUTUBE Videos</span></a></h3>
				<a href="${contextPath}/world/featured/youtube/" class="btn">More</a>
			</div>
			<div class="m_cont" id="other_video"><#include "/pie/loading.ftl"></div>
			<br/>
			
			<div class="m_column">
			   	<h3 class="m_title">Comments</h3>
			</div>
			<div>
			<div class="fb-comments" id="fb-comments" data-href="" data-num-posts="5" data-width="980"></div>   
			
			</div>
	    </div>
    </div>
</div>
<#include "/i18n/include/footer.ftl">
<#include "/video/pie/vdownloader.ftl">
</body>
<#include "/include/js.html">
<script type="text/javascript" src="${jsRoot}/video/featured/youtube_play_index.js?${version}"></script>
<script type="text/javascript" src="${jsRoot}/video/download.js?${version}"></script>
</html>